<template>
  <div class="home">
    <p>
      {{count}}
    </p>
    <p>
      {{city}}
    </p>
    <button @click="increase">{{count}}</button>
  </div>
</template>
<script>
import { mapState,mapMutations } from "vuex";
export default {
  name: "Home",
  computed: {
    ...mapState({
      count: (state) => state.countHook.count,
      city: (state) => state.cityHook.city,
    }),
  },
  methods: {
    ...mapMutations(["increase"])
  },
};
</script>
